<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>My Blog</title>
	<link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <div id="body">
        <div id="top">
            <div id="header">
            	<canvas id="mycanvas" width="100%" height="300"></canvas>
            </div>
		    <div id="nav">
		    	<div class="per_info">
		    		<ul>
		    			<li><a href="">HomePage</a></li>
		    			<li><a href="">Article</a></li>
		    			<li><a href="">Share</a></li>
		    			<li><a href="">About</a></li>
		    			<li><a href="">Contact</a></li>
		    			<div class="clear"></div>
		    		</ul>
		    				
		    	</div>
		    </div>  
	    </div>
	    <div id="mid">
	        <div class="auto">
		    	<div id="about">
		    		<h3>Templates</h3>
		    		<div class="tpl">
		    			<img src="../img/face.jpg" alt="">
		    			<img src="../img/face.jpg" alt="">
		    			<img src="../img/face.jpg" alt="">
		    			<img src="../img/face.jpg" alt="">
		    			<img src="../img/face.jpg" alt="">

		    		</div>
		    	</div>
		    	<div id="concact">
		    		<h3>Article</h3>
		    		<p>我是小白。。。。。。。。。。。。。。。。。</p>
		    	</div>


		    	<div class="right">
		    		<h3>Top10</h3>
		    	</div>
		    	<div class="clear"></div>
	    	</div>
	    </div>
	    <div id="footer">Copyright 20170713 by M-blue</div>
    </div>
	
</body>
</html>

<script type="text/javascript">
	var c = document.getElementById('mycanvas');
	var cxt = c.getContext("2d");
</script>